<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>B站</title>
	<link rel="stylesheet" href="./fonts/iconfont.css">
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<!-- 1、头部固定 -->
	<header>
		<div class="top">
			<div class="left">
				<a href="#">
					<i class="iconfont Navbar_logo"></i>
				</a>
			</div>
			<div class="right">
				<a href="#">
					<i class="iconfont ic_search_tab"></i>
				</a>
				<a href="#" class="login"><img src="./images/login.png" alt=""></a>
				<a href="#" class="download"><img src="./images/download.png" alt=""></a>
			</div>
		</div>
		<div class="bottom">
			<div class="tab">
				<ul>
					<li><a href="#" class="active">首页</a></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">首页</a></li>
				</ul>
			</div>
			<div class="more">
				<a href="#">
					<i class="iconfont general_pulldown_s"></i>
				</a>
			</div>
		</div>
	</header>
	<!-- 1、头部固定 -->

	<!-- 2、视频区域 -->
	<!-- tab: 菜单的个数要和内容的个数相等 -->
	<section class="video_content">
		<!-- 这里只完成一个，共计有五个菜单，则会有五个div -->
		<div class="video_list">
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
			<a href="#">
				<div class="pic">
					<img src="./images/2.jpg" alt="">
					<div class="count">
						<p>
							<i class="iconfont icon_shipin_bofangshu"></i>
							<span>67.6</span>万
						</p>
						<p>
							<i class="iconfont icon_shipin_danmushu"></i>
							<span>2.4</span>万
						</p>
					</div>
				</div>
				<div class="txt ellipsis-2">【第三次世界大战】第一集：歼20夜间飞赴高原，Y国大军压境，T90装甲部队越线，15式坦克集结，装备有99A的重型合成旅铁路机动，千里驰援西部边疆</div>
			</a>
		</div>
	</section>
	<!-- 2、视频区域 -->

	<!-- 3、按钮固定 -->
	<!-- 3、按钮固定 -->
</body>

</html>